﻿@charset "utf-8";
*{box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin:0; padding:0; }
html{font-family: "微软雅黑","Arial","SimHe",Helvetica,STHeiTi,arial,sans-serif,monospace; -webkit-font-smoothing: antialiased;}
body{width: 100%; height: auto; min-width: 1300px; overflow: auto;}
ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:400; color:#000;}
h1{font-size: 22px;}h2{font-size:20px}h3{font-size:18px}h4{font-size:16px}h5{font-size:14px}h6{font-size: 12px;}
a{text-decoration:none; color:#000;}
a img{ border: none; }
img{border:0; vertical-align:bottom; width: 100%; height: 100%;}
input{outline: none;}
i{display: inline-block; vertical-align: middle; font-style: normal;}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background-color:#e2e2e2}
::-webkit-scrollbar-thumb{border-radius:5px;background-color:rgba(0,0,0,.3)}
::-webkit-scrollbar-thumb:vertical:hover{background-color:rgba(0,0,0,.35)}
::-webkit-scrollbar-thumb:vertical:active{background-color:rgba(0,0,0,.38)}

/*swiper*/
.swiper-container{width: 100%; height: 100%;}
.swiper-slide a{display: block; width: 100%; height: 100%;}

/*header*/
header{width: 100%; height: 40px; background: #3b3b3b;}
header .content{width: 1260px; margin: 0 auto; line-height: 40px; display: flex; display: -webkit-flex; display: -ms-flex; -webkit-justify-content:space-between; justify-content:space-between;}
header .content *{color: #fff; font-size: 12px;}
header .content div a:hover{opacity: .9; }
header .content div i{background: url(../images/icon.png); background-position: 0 0; width: 10px; height: 15px;}
header .content ul li{padding: 0 10px; float: left; border-left: 1px solid #848484; height: 14px; line-height: 14px; margin-top: 13px;}
header .content ul a:first-child li{border: none;}
header .content ul li:hover{color: rgba(255,255,255,.9); }

/*nav*/
nav{background-image: url(../images/navbg.jpg); width: 100%; height: 85px; z-index: 199302; position: relative;  transition: background .5s; -moz-transition: background .5s; -webkit-transition: background .5s; -o-transition: background .5s;}

/*nav.active{position: fixed; top: 0; background: rgba(255,255,255,.8);border-bottom: 1px solid #808080}
nav.active::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; filter: blur(0px); -webkit-filter: blur(0px); }*/

nav div{width: 1250px; height: inherit; margin: 0 auto; line-height: 85px;}
nav div>*{float: left;}
nav div i{position: relative;}
nav div i>img{vertical-align: middle;}
nav div i>a{display: block;width: 100%;height: 100%;}
nav div i>a>img{vertical-align: middle;}
nav div i>span{color: #414141; position: absolute; top: 0px; left: 0; font-size:19px; text-align: right; width: 100%;font-weight:600;}
nav div ul{margin: 0 10px 0 29px; height: inherit; line-height: 85px;}
nav div ul li{width:95px;  font-size: 15px; float: left; transition: background .5s; -moz-transition: background .5s; -webkit-transition: background .5s; -o-transition: background .5s; background: transparent;}
nav div ul li a{display: block; text-align: center; }
nav div ul li:hover{background: #c79e68; }
nav div ul li:hover>a{color: #fff;}
nav div ul li dl{height: 0; overflow: hidden; transition: height .5s; -moz-transition: height .5s; -webkit-transition: height .5s; -o-transition: height .5s; position: relative; }
nav div ul li dl dd{height: 50px; background: #373737; transition: background .5s; -moz-transition: background .5s; -webkit-transition: background .5s; -o-transition: background .5s; line-height: 50px;}
nav div ul li dl dd a{color: #fff;}
nav div ul li dl dd:hover{background: #fff; }
nav div ul li dl dd:hover>a{color: #000;}

/*index-banner*/
.index-banner{width: 100%; height: 650px; overflow: hidden; background: #000; position: relative;}
.index-banner .swiper-container {width: 100%; height: 650px;}
.index-swiper-banner{width: 70px; height: 80px; overflow: hidden; z-index: 2; background: none;}
.index-swiper-banner,.index-swiper-banner>*{transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;}
.index-swiper-banner div{width: 235px; height: 80px; float: left;}
.index-swiper-banner div:first-child{width: 70px; background: #000 url(../images/icon.png) no-repeat; background-position:  15px -953px; position: absolute; top: 0; left: 0; z-index: 2;}
.index-swiper-banner .btn-hover{background: #fff url(../images/icon.png) !important; background-position:  50px -953px !important;}
.index-swiper-banner div:last-child{width: 235px; height: 80px; position: absolute; top: 0; left: -70px;  opacity: 0; z-index: 1;}
.index-swiper-banner div:last-child *{width: 100%; height: 80px; float: left;}
.index-swiper-banner div:last-child span{background: #fff; text-align: center; line-height: 80px; font-size: 14px; padding: 0 15px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: block;}
.index-banner .swiper-button-prev{ left:0; }	
.index-banner .swiper-button-next{ right:0; transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.index-banner .swiper-button-next div:last-child{transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.index-banner .swiper-slide{background-size: auto 100%; background-position: center center; background-repeat: no-repeat;}	
.index-banner .swiper-pagination-bullet{width: 30px; height: 4px; background: #fff; border-radius: 0;}
.index-banner .banner-info{position: absolute; bottom: 50px; left: calc(50% - 390px); background: rgba(0,0,0,.4); z-index: 3; padding: 10px 20px 15px;}
.index-banner .banner-info h5{color: #fff; margin-bottom: 5px;}
.index-banner .banner-info h5 i{vertical-align: initial;font-size: 18px;margin-right: 5px}
.index-banner .banner-info input{height: 40px; border: none; margin-right: 20px; width: 180px;border-radius: 3px}
.index-banner .banner-info input:last-child{margin-right: 0;}
.index-banner .banner-info .info{text-indent: 10px;}
.index-banner .banner-info .info:nth-child(2){width: 340px;}
.index-banner .banner-info input[type='button']{background: #00ae66; color: #fff; vertical-align: bottom; cursor: pointer;}
/*明星产品*/
.product-center{width: 1250px; margin: 0 auto;}
.subhead{text-align: center; color: #393939; padding: 20px 0;margin-top:30px;}
.subhead h2{font-size: 34px; line-height: 60px;}
.subheada{text-align: center; color: #393939; padding: 0px 0;margin-top:0px;}
.subheada h2{font-size: 34px; line-height: 60px;}
/*精品案例*/
.index-case-container{width: 100%; height: auto; background: #fff;}
.index-case-center{width: 1240px; margin: 0 auto;}
.index-case-center .index-case-nav{width: 100%; display: flex; display: -webkit-flex; display: -ms-flex; -webkit-justify-content:center; justify-content:center; }
.index-case-center .index-case-nav a{padding: 0 16px; font-size: 14px; color: #9fa19f; }
.index-case-center .index-case-nav span{font-size: 16px; color: #9fa19f; line-height: 22px;}
.index-case-content{width: 100%; height: 640px; display: flex; display: -webkit-flex; display: -ms-flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-content: space-between; align-content: space-between; -webkit-flex-wrap:wrap;
	flex-wrap:wrap; margin: 30px 0;}
.index-case-content .item{width: 400px; height: 310px; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; background: #eeeeee;}
.index-case-content .item .imageWrap{width: 100%; height: 260px; background-size: cover; background-position: center;}
.index-case-content .item .textWrap{width: 100%; height: 50px; padding: 0 20px; display: flex; display: -webkit-flex; display: -ms-flex; -webkit-justify-content: space-between; justify-content: space-between;}
.index-case-content .item .textWrap span{font-size: 14px; line-height: 50px;}
.index-case-content .item:hover{box-shadow: 0 0 30px #d2d0d0; background: #c79e68; }
.index-case-content .item:hover .textWrap span{color: #fff;}

/*.index-case-content>div{margin-right: 6px; }
.index-case-content>div:last-child{margin-right: 0; }
.index-case-content>div>div{padding: 4px; width: 100%; position: relative; z-index: 2;}
.index-case-content>div>div:last-child{margin-top: 6px;}
.index-case-content .case-left{width: 600px; }
.index-case-content .case-center{width: 820px; }
.index-case-content .case-right{width: 400px; margin-right: 0;}
.index-case-content .borderTop{top: 0;left: 0;width: 0;height: 0;position: absolute; background: #c79e68; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; opacity: 0; z-index: -1;}
.index-case-content .borderBottom{bottom: 0;right: 0;width: 0;height: 0;position: absolute; background: #c79e68; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; opacity: 0; z-index: -1;}
.index-case-content .case-left>div:first-child{ height: 410px;}
.index-case-content .case-left>div:last-child{height: 320px;}
.index-case-content .case-center>div:first-child{ height: 320px;}
.index-case-content .case-center>div:last-child{height: 410px;}
.index-case-content .case-right>div{ height: 736px; margin-top: 0 !important;}
.index-case-content>div>div div{width: 100%; height: 100%; background: rgba(0,0,0,.1); position: absolute; top: 0; left: 0; text-align: center; display: flex; display: -webkit-flex; display: -ms-flex; -webkit-align-content:center; align-content:center; -webkit-align-items:center; align-items:center; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:center; justify-content:center; transition: opacity .3s; -moz-transition: opacity .3s; -webkit-transition: opacity .3s; -o-transition: opacity .3s; opacity: 0;}
.index-case-content>div>div div i{background: url(../images/icon.png); background-position: 0 -265px; width: 62px; height: 62px;}
.index-case-content>div>div div h5{color: #fff; width: 100%; margin-top: 10px;}*/
.index-more{width: 520px; height: 50px; margin: 40px auto 60px; border: 1px solid #e5e5e5; color: #373737; font-size: 14px; text-align: center; line-height: 50px; border-radius: 5px; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s;}
.index-more:hover{border-color: #00ae66; border-radius: 5px; color: #00ae66;}
/*底部上方菜单*/
.index-strategy-container{width: 100%; height:660px; background: #fff;}
.index-strategy-center{width: 1250px; height: auto; margin: 0 auto;padding-bottom: 25px; }
.index-reservation-content{width: 100%; height: 72px; display: flex; display: -webkit-flex; display: -ms-flex; -webkit-justify-content:space-between; justify-content:space-between;}
.index-reservation-content li{width: 160px; height: 70px; border: 1px solid #e5e5e5; padding: 15px 20px; display: flex; display: -webkit-flex; display: -ms-flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-content:center; align-content:center; -webkit-align-items:center; align-items:center; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; cursor: pointer;}
.index-reservation-content li i{background: url(../images/icon.png); }
.index-reservation-content li h5{width: 60px; color: #8a8a8a; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;}
.index-reservation-content a:nth-child(1) li i{width: 36px; height: 34px; background-position: 0 -383px;}
.index-reservation-content a:nth-child(2) li i{width: 34px; height: 34px; background-position: 0 -856px;}
.index-reservation-content a:nth-child(3) li i{width: 28px; height: 33px; background-position: 0 -621px;}
.index-reservation-content a:nth-child(4) li i{width: 35px; height: 33px; background-position: 0 -699px;}
.index-reservation-content a:nth-child(5) li i{width: 30px; height: 33px; background-position: 0 -777px;}
.index-reservation-content a:nth-child(6) li i{width: 34px; height: 34px; background-position: 0 -541px;}
.index-reservation-content a:nth-child(7) li i{width: 32px; height: 35px; background-position: 0 -460px;}
.index-reservation-content .active{ border-color: #c79e68; box-shadow: 0 0 20px #d2b38c;}
.index-reservation-content a:nth-child(1) .active i{background-position: 0 -422px;}
.index-reservation-content a:nth-child(2) .active i{background-position: 0 -895px;}
.index-reservation-content a:nth-child(3) .active i{background-position: 0 -659px;}
.index-reservation-content a:nth-child(4) .active i{background-position: 0 -738px;}
.index-reservation-content a:nth-child(5) .active i{background-position: 0 -816px;}
.index-reservation-content a:nth-child(6) .active i{background-position: 0 -581px;}
.index-reservation-content a:nth-child(7) .active i{background-position: 0 -500px;}
.index-reservation-content .active h5{color: #c79e68;}
/*footer*/
footer{width: 100%; height: auto; background: url(../images/footerbg.jpg) center bottom; padding-bottom: 55px;}
footer .footer-center{width: 1250px; height: 100%; padding: 30px 25px 0; margin: 0 auto; position: relative;}
footer .footer-content{width: 100%; height: 180px; display: flex; display: -webkit-flex; display: -ms-flex;margin-bottom: 17px;}
footer .footer-nav{width: 770px; display: flex; display: -webkit-flex; display: -ms-flex; }
footer .footer-nav ul{width: 33.33%;}
footer .footer-nav ul li{ margin-bottom: 10px;font-size: 14px;color: #fff;}
footer .footer-nav ul li a{color: #666666; font-size: 14px; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s;}
footer .footer-nav ul li:first-child a{color: #fff; font-size: 14px;}
footer .footer-nav ul li a:hover{font-style:normal; color: #fff;}
footer .footer-code{width:340px; padding: 0 25px 0 20px;}
footer .footer-code ul{width: 100%; display: flex; display: -webkit-flex; display: -ms-flex; -webkit-justify-content:space-between; justify-content:space-between;}
footer .footer-code ul li div{width: 150px; height: 150px; border-radius: 5px; background: #fff; padding: 5px;}
footer .footer-code ul li h6{line-height: 40px; text-align: center; color: #666666; font-size: 14px;}
footer .footer-tel{width:520px;color: #666666;  line-height: 28px;font-size: 14px;}
footer .footer-tel img{width: 265px; height: 90px; float: right; margin-top: 13px;}
footer .footer-tel p{width:520px;color: #666666;  line-height: 28px;font-size: 14px;}
footer .footer-blogroll{width: 100%; height: auto;  display: flex; display: -webkit-flex; display: -ms-flex;border-top: #1c1c1c solid 1px;}
footer .footer-blogroll h6{color: #9a9a9a; width:75px; line-height:60px;font-size: 14px;}
footer .footer-blogroll ul{width: 100%; display: flex; display: -webkit-flex; display: -ms-flex; overflow: hidden;flex-wrap: wrap;}
footer .footer-blogroll ul li{margin-left: 10px;}
footer .footer-blogroll ul li a{font-size: 14px; color: #666; line-height:60px; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s;}
footer .footer-blogroll ul li a:hover{font-style:normal; color: #fff;}
footer .footer-copyright{width:100%; height: 55px; position: absolute; bottom: -55px; left: 0;}
footer .footer-copyright h6{text-align: center; line-height: 55px; color: #666;font-size: 14px;}
footer .footer-copyright h6 a{display: inline-block; color: #666; }
footer .footer-copyright h6 a:first-child{margin: 0 10px;}
footer .footer-copyright h6 a:first-child img{vertical-align: middle; width: 83px; height: 30px;}
footer .footer-copyright h6 a:last-child{color: #666; }
footer .footer-copyright h6 a:last-child:hover{font-style:normal;}

/*新闻动态*/
.index-vrcase-container{width: 100%;height: 740px;}
.index-vrcase-container .index-vrcase-center{margin:0 auto;width: 1240px;height: 500px;display: flex;display: -webkit-flex;justify-content: space-between;}
.index-vrcase-container .index-vrcase-center  .index-vrcase-left{width: 920px;height: 100%;background-color: black;position: relative;}
.index-vrcase-container .index-vrcase-center  .index-vrcase-left .left-vr{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 8}
.index-vrcase-container .index-vrcase-center  .index-vrcase-left i{display: block;position: absolute;top: 20px;left: 30px;background-image: url("../images/360vr.png");background-size: cover;width: 160px;height: 37px;z-index: 10;}
.index-vrcase-container .index-vrcase-center  .index-vrcase-left .left-des{position: absolute;z-index: 9;width: 100%;height: 60px;background-color: rgba(000,000,000,0.6);text-align: center;line-height: 60px;font-size: 14px;color: #fff;bottom: 0;left: 0}
.index-vrcase-container .index-vrcase-center  .index-vrcase-left a{position: relative;z-index: 10}
.index-vrcase-container .index-vrcase-center  .index-vrcase-right{width: 300px;height: 100%;background-color: rgba(255,255,255,0.8);position: relative;overflow: hidden;}
.index-vrcase-container .index-vrcase-center  .index-vrcase-right i{display: block;position: absolute;top: 20px;right: 10px;background-image: url("../images/360vr.png");background-size: cover;width: 160px;height: 37px;z-index: 10;}
.index-vrcase-container .index-vrcase-center  .index-vrcase-right .right-img{width: 920px;height: 500px;position: absolute;left: 0;top: 0;background-size: cover;z-index: 9}
.index-vrcase-container .index-vrcase-center  .index-vrcase-right .right-bg{width: 920px;height: 500px;position: absolute;left: 0;top: 0;background-size: cover;opacity: 0;z-index: 10}
.index-vrcase-container .index-strategy_more{width: 520px;height: 50px;margin: 40px auto 60px;display: block;}
.index-vrcase-container .index-more{margin: 0}
.jn818skin{background-color: transparent !important;box-shadow: none !important;}
/*品质主材*/
.sy_cp_bt{top:0;left:0;width:100%;}
.sy_z_l{width:326px;height: 480px;overflow: hidden;}
.sy_z_l img{height: 480px;}
.sy_z_l_text{top:45px;left:0;width:100%;height: 100%;}
.sy_z_l_text hr{width: 20px; margin: auto; margin-top: 70px;height: 5px; background: #fff; border: 1px solid #fff;border-radius: 10px;}
.sy_z_l_text .hover_s{border: 1px solid rgb(255, 255, 255);width: 200px;margin: 20px auto auto;height: 50px;; line-height: 50px; color: #fff !important; }
.sy_z_l_text .hover_s:hover{background:rgba(0,155,77,.9); color: #fff !important; border: 1px solid rgba(0,155,77,.9);cursor:pointer;}
.sy_z_m{width:592px;height:480px;overflow: hidden;margin: 0 12px !important;}
.sy_z_m_text{bottom:20px;left:0;padding:10px 0;background: rgba(255,255,255,.6);}
.sy_z_mw{width:210px;height: 46px;line-height:46px;background: rgba(0,155,77,.9);border-top-right-radius:5px ;border-bottom-right-radius:5px;text-align:center;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sy_zmw_con{width:580px;line-height: 46px;text-align:center;font-size:14px;}
.sy_z_r{width:288px;height:480px;overflow: hidden;}
.sy_z_r_text{bottom:0;left:0;padding:6px 0;background: rgba(255,255,255,.6);}
.sy_z_rw{width:118px;height: 34px;line-height:34px;background: rgba(0,155,77,.9);border-top-right-radius:5px ;border-bottom-right-radius:5px;text-align:center;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sy_zrw_con{line-height: 34px;text-align:center;font-size:14px;}
.sy_z_r2{bottom:0;left:0;}
.syz2mw{background: rgba(0,16,95,.9) !important;}
.syz3mw{background: rgba(177,0,7,.9) !important;}
.sy_zr_li{height:234px;overflow: hidden;}

.wright {
	float:right!important
}
.wleft {
	float:left!important
}
.ds {
	display:block
}
.dsa {
	display:block;
	width:100%;
	height:100%
}
.ids {
	display:inline-block
}
.dsnone {
	display:none
}
.vsnone {
	visibility:hidden
}
.vs {
	visibility:visible
}
.wauto {
	margin:0 auto
}
.wpsr {
	position:relative
}
.wpsa {
	position:absolute
}
.wpsf {
	position:fixed
}
.bor0 {
	border:0!important
}
.borl0 {
	border-left:0!important
}
.borr0 {
	border-right:0!important
}
.bort0 {
	border-top:0!important
}
.borb0 {
	border-bottom:0!important
}

.width100_ {
	width:100%
}
.height100_ {
	height:100%
}
.font70 {
	font-size:70px;color: #e9d9c1;
}
.textb {
	font-weight:bold
}


.font46 {
	font-size:46px;color: #ffffff;
}
.textc {
	text-align:center
}
.font20 {
	font-size:15px;
}
.font21 {
	font-size:15px;color: #7f735f;
}
.font30 {
	font-size:30px
}
.mdt40 {
	margin-top:20px
}

/* 新闻css */
.new_boxss{width: 100%; height:600px;}
#new_box {
	width: 100%;
	padding: 0px 0px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 0px;
}

.new_con {
	max-width: 1250px;
	margin: 0 auto;
	margin-top: 20px;
}

.newtel {
	height: 40px;
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 10px;
	font-family: "微软雅黑";
	font-size: 18px;
	color: #666
}

.new_telst {
	width: 550px;
	margin: 0 auto;
	position: relative;
	top: 6px;
	text-align: center;
}

.new_telst li {
	width: 166px;
	line-height: 30px;
	text-align: center;
	float: left;
	display: inline;
	font-family: "微软雅黑";
	cursor: pointer;
}

.new_telst li.newon {
	color: #009b4d;
	font-weight: bold;
}

.new_telst p {
	position: absolute;
	top: 32px;
	left: 0px;
	width: 166px;
	height: 15px;
	border-top: 3px solid #009b4d;
	overflow: hidden;
	text-align: center;
}


.new_lst {
	height: 315px;
	position: relative;
	overflow: hidden;
	display: none;
	margin-top: 10px;
	padding-top: 20px;
}

.new_lst ul {
	position: absolute;
	left: 0px;
}

.new-wrap {
	margin-top: 30px;
}

.new-wrap .show {
	display: block;
}

li.new_cnlf {
	width: 370px;
	float: left;
}

li.new_cnlf p {
	width: 100%;
}

p.newlf_tel a {
	color: #009b4d;
	font-size: 18px;
	line-height: 50px;
	text-align: center;
	display: block;
}

p.newlf_tel a:hover {
	color: #dc923f
}

p.newlf_tx {
	font-size: 14px;
	line-height: 26px;
	color: #999;
	height: 105px;
	overflow: hidden;
}

li.new_cnrf {
	float: right;
	width: 870px;
	margin-left: 10px;
}

.newlf_img {width: 100%;
	height:220px;}


.newrf_lst dd {
	width: 418px;
	height: 85px;
	border: 1px solid #e4e4e4;
	float: left;
	margin-left:15px;
	margin-bottom: 20px;
}

p.new_rq {
	width: 65px;
	height: 65px;
	background: #969393;
	float: left;
	text-align: center;
	color: #FFF;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 15px;
	font-family: Arial, Helvetica, sans-serif;
}

p.new_rq span {
	display: block;
	font-size:24px;
	text-align: center;
	font-weight: bold;
	line-height: 35px;
	padding-top: 5px;
}

p.newrf_tx {
	float: left;
	width: 320px;
	margin-top: 8px;
}

p.newrf_tx a {
	color: #333;
	font-size: 16px;
	display: block;
	line-height: 30px;
}

p.newrf_tx span {
	display: block;
	font-size:14px;
	color: #999;
	height: 60px;
	overflow: hidden;
}

.newrf_lst dd:hover {
	width: 418px;
	height: 85px;
	border: 2px solid #c79e68;
	box-shadow: 0px 0px 15px rgba(199,158,104, .27);
}

.newrf_lst dd:hover p.newrf_tx a {
	color: #009b4d;
}

.newrf_lst dd:hover p.new_rq {
	background: #c79e68;
	margin-top: 9px;
	margin-left: 9px;
}

.newrf_lst dd:hover p.newrf_tx {
	margin-top: 7px;
}

.mr0 {
	margin-right: 0px;
}

/* 快速预约css */
.inC{width:100%;float:left;padding:15px 0px;margin-top:40px;}
.inC_con{width:100%;float:left;margin-bottom:20px;}
.inC_con ul{width:21.1%;float:left;}
.inC_con ul li{float:left;width:45%;height:100px;border-radius:4px;font-size:16px;color:#fff;text-align:center;cursor:pointer;margin-top:10px;border:1px solid #777e60;background-color:#89926f;margin-left:13px;}
.inC_con ul li:nth-child(2){float:right;}
.inC_con ul li span,.inC_con ul li a{display:block;padding-top:54px;position:relative;margin-top:8px;color:#fff;font-size:14px;}
.inC_con ul li span img,.inC_con ul li a img{position:absolute;top:0px;left:50%;transform:translateX(-50%);width:55px;;height:55px;}
.inC_con ul li:hover{opacity: 0.8; filter:alpha(opacity=80); color: #fff;}


.inC_con_R{width:78%;height:333px;border:1px solid #e9e9e9;float:right;padding:0px 2%;}
.inC_con_R dl{width:72.2%;float:left;margin-top:28px;}
.inC_con_R dl dt{color:#999999;}
.inC_con_R dl dt span{font-size:24px;color:#515151;}
.inC_con_R dl dt em{color:#515151;font-style:normal;}
.inC_dd{width:49.2%;float:left;margin-top:18px;}
.inC_dd>span{color:#333333;display:block;font-family:"Microsoft Yahei";margin-bottom:6px;}
.inC_dd>select,.inC_dd>input{width:100%;height:50px;background:#e8e8e8;padding:0px 12px;border-radius:4px;border:none;color:#666666;}
.inC_dd:nth-child(2n){float:right;}
.inC_con_R dl dd>a{width:100%;float:left;padding:14px 0px;color:#fff;font-family:"Microsoft Yahei";border-radius:4px;background:#c79e68;font-size:16px;text-align:center;margin-top:22px;cursor:pointer;}
.inC_con_R dl dd>a:hover{background:#009b4d;}
.inC_con_Rr{float:right;width:23.6%;margin-top:30px;text-align:center;}
.inC_con_Rr p{width:100%;position:relative;overflow:hidden;}
.inC_con_Rr p i{position:absolute;top:50%;left:50%;width:123px;transform:translate(-50%,-50%);}
.inC_con_Rr strong{font-weight:normal;display:block;font-family:"Microsoft Yahei";font-size:16px;color:#666666;margin-top:10px;}
.inC_con_Rr span{color:#666666;line-height:30px;display:block;}
.w1200{width:1250px;margin:0 auto;overflow:hidden;}

/*装修要花多少钱*/
.new__house__link--container {
	width: 1250px;
	height: auto;
	overflow: hidden;margin:0 auto;margin-bottom:20px;
}
.new__house__link--container .new__house__link__container--title {
	margin-bottom: 35px;
	text-align: center;
}
.new__house__link--container .new__house__link__container--title h3 {
	margin-bottom: 15px;
	color: #575757;
	font-weight: 700;
}
.new__house__link--container .new__house__link__container--title h6 {
	font-size: 14px;
}
.new__house__link--container .link--container {
	margin-bottom: 15px;
}
.new__house__link--container .link--container.two__banner--style {
	margin-bottom: 30px;
}
.new__house__link--container .link--container.two__banner--style img {
	width: 100%;
	min-height: 100%;
}
.new__house__link--container .link--container.two__banner--style .pull-left {
	overflow: hidden;
	margin-right: 5px;
	width: 625px;
	height: 264px;
}
.new__house__link--container .link--container.two__banner--style .pull-right {
	overflow: hidden;
	margin-left: 5px;
	width: 625px;
	height: 264px;
}
.new__house__link--container .link--container.four__banner--style .item--middle {
	width: 600px;
}
.new__house__link--container .img__text--center {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.new__house__link--container .img__text--center:hover .text--content .ele__h3 {
	top: 0px;
}
.new__house__link--container .img__text--center:hover .text--content .bg {
	opacity: 0;
}
.new__house__link--container .img__text--center:hover .container--hover {
	bottom: 0;
}
.new__house__link--container .img__text--center .ele__img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	min-height: 100%;
}
.new__house__link--container .img__text--center .text--content {
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
	height: 40px;
	color: #fff;
	text-align: center;
}
.new__house__link--container .img__text--center .text--content .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .5;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.new__house__link--container .img__text--center .text--content .ele__h3 {
	position: relative;
	top: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	line-height: 40px;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.new__house__link--container .img__text--center .text--content .ele__h3 font {
	color: #FFF;
}
.new__house__link--container .img__text--center .container--hover {
	position: absolute;
	bottom: -40px;
	left: 0;
	width: 100%;
	height: 40px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.new__house__link--container .img__text--center .container--hover .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #c79e68;
	opacity: .9;
}
.new__house__link--container .img__text--center .container--hover p {
	position: relative;
	overflow: hidden;
	padding: 0 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
}
.new__house__link--container .container--left {
	float: left;
	margin-right: 15px;
	width: 327px;
	height: 264px;
	cursor: pointer;
}
.new__house__link--container .container--middle {
	float: left;
	width: 610px;
}
.new__house__link--container .container--middle .item--middle {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	width: 290px;
	height: 125px;
}
.new__house__link--container .container--right {
	float: left;
	width: 285px;
	height: 264px;
	cursor: pointer;
}
.new__house__link--container .count__time:hover .container--hover {
	bottom: 0;
}
.new__house__link--container .count__time:hover .container--hover .bg {
	opacity: .9;
}
.new__house__link--container .count__time:hover .container--hover .ele__h3 {
	top: 0;
	margin-top: 10px;
}
.new__house__link--container .count__time h1 {
	margin: 0 auto;
	margin-bottom: 15px;
	width: 70%;
	font-size: 20px;
}
.new__house__link--container .count__time h2 {
	margin: 0 auto;
	padding-top: 10px;
	font-size: 14px;
}
.new__house__link--container .count__time h2 span {
	font-size: 20px;
}
.new__house__link--container .count__time var {
	font-size: 30px;
}
.new__house__link--container .count__time .text--content {
	padding: 10px;
	height: auto;
	color: #fff;
	text-align: center;
	width: 265px;
}
.new__house__link--container .count__time .text--content h1, .new__house__link--container .count__time .text--content h2, .new__house__link--container .count__time .text--content h5 {
	position: relative;
}
.new__house__link--container .count__time .text--content h5 {
	font-size: 14px;
}
.new__house__link--container .count__time .container--hover {
	bottom: -100%;
	height: 100%;
}
/*新加城市切换*/
.top-logo .top_place{
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 9px;
    bottom: 0;
    margin: auto 0;
    line-height: 20px;
    height: 30px;
    left:190px;
}
.top_place_con{
    position: absolute;
    top: 40px;
    left:12%;
    background: #fff;
    padding: 10px 15px 10px 0;
    z-index: 999999;
    border: 0px solid #d0c3c3;
    border-radius: 3px;
    display: none;
}
.top_place_con ul li{
    float: left;
    height: 30px;
    line-height: 30px;
    margin-left: 15px;
}
.top_place_con ul li a{
    display: block;
    font-size: 13px;
    color: #4f4d4d;
}
.top_place_con ul li a:hover{
    color: red;
}
.top_place:hover .top_place_con{
    display: block;
}
/*按钮变颜色*/
.layui-btn{display: inline-block; vertical-align: middle; height:49px; width: 100%;line-height:49px;margin-top:20px; background-color: #c79e68; color: #fff; white-space: nowrap; text-align: center; font-size: 15px; border: none; border-radius: 2px; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
.layui-btn:hover{opacity: 0.8; filter:alpha(opacity=80); color: #fff;}
.layui-btn:active{opacity: 1; filter:alpha(opacity=100);}
.layui-btn+.layui-btn{margin-left: 10px;}
/*家装服务*/
.funFlex___2jb3p {
	display:flex;
	justify-content:space-between;
	width:1250px;
	height:300px;
	margin:0 auto;
	padding-top:px;
}
.funFlex___2jb3p>.funFlexItem___3dCo1:hover .funFlexPos___LBB7T .funFlexPosCon___lDwdY {
	transform:translate(0,0)
}
.funFlex___2jb3p>.funFlexItem___3dCo1:first-child {
	background-image:url("../images/img1.png")
}
.funFlex___2jb3p>.funFlexItem___3dCo1:nth-child(2) {
	background-image:url("../images/img2.png")
}
.funFlex___2jb3p>.funFlexItem___3dCo1:nth-child(3) {
	background-image:url("../images/img3.png")
}
.funFlex___2jb3p>.funFlexItem___3dCo1:nth-child(4) {
	background-image:url("../images/img4.png")
}
.funFlex___2jb3p>.funFlexItem___3dCo1 {
	position:relative;
	width:302px;
	height:260px;
	background-size:100%;
	cursor:pointer
}
.funFlex___2jb3p>.funFlexItem___3dCo1 a {
	display:block;
	height:100%
}
.funFlex___2jb3p>.funFlexItem___3dCo1 .funFlexPos___LBB7T {
	position:absolute;
	bottom:-20px;
	left:50%;
	width:252px;
	height:55px;
	overflow:hidden;
	background:#009b4d;
	border-radius:4px;
	box-shadow:0 10px 15px 3px rgba(199,199,199,.2);
	transform:translate(-50%,0)
}
.funFlex___2jb3p>.funFlexItem___3dCo1 .funFlexPos___LBB7T:hover{background:#c79e68; color: #fff;}
.funFlex___2jb3p>.funFlexItem___3dCo1 .funFlexPos___LBB7T .funFlexPosCon___lDwdY {
	display:flex;
	align-items:center;
	width:200%;
	height:100%;
	color:#fff;
	font-weight:500;
	font-size:18px;
	line-height:1px;
	transform:translate(-50%,0);
	transition:1s;
}
.funFlex___2jb3p>.funFlexItem___3dCo1 .funFlexPos___LBB7T .funFlexPosCon___lDwdY img {
	width:23px;
	height:20px;
}
.funFlex___2jb3p>.funFlexItem___3dCo1 .funFlexPos___LBB7T .funFlexPosCon___lDwdY>div {
	flex:1;
	text-align:center;
}
/*浮动客服*/
.left-fixed-nav{position: fixed; bottom: 22%; right: 1%; width: 70px; height: auto; background: #dcdcdc; padding: 1px; z-index: 10086;}
.left-fixed-nav a{display: block; margin-top: 1px;}
.left-fixed-nav a:first-child{margin-top: 0;}
.left-fixed-nav li{width: 100%; height: 73px;  background: #fff; text-align: center; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s;}
.left-fixed-nav li i{background-image: url(../images/icon.png); margin-top: 11px; }
.left-fixed-nav li h6{color: #999; line-height: 30px;}
.left-fixed-nav .fixed-nav-icon1{background-position: 0 -1511px; width: 32px; height: 32px;}
.left-fixed-nav .fixed-nav-icon2{background-position: 0 -1586px; width: 29px; height: 33px;}
.left-fixed-nav .fixed-nav-icon3{background-position: 0 -1664px; width: 32px; height: 32px;}
.left-fixed-nav .fixed-nav-icon4{background-position: 0 -1735px; width: 26px; height: 24px;}
.left-fixed-nav .fixed-nav-icon5{background-position: 0 -1850px; width: 35px; height: 32px;}

.left-fixed-nav li.a:hover{background: #15ac53; color: #fff;}
.left-fixed-nav li.a:hover h6{color: #fff;}
